<!DOCTYPE html>
<%@page language="java" contentType="text/html" pageEncoding="UTF-8" %>

<html>
<head>
 <title>Web Status</title>
 <meta http-equiv="pragma" content="no-cache"/>
 <meta http-equiv="cache-control" content="no-cache"/>
 
 <script type="text/javascript" src="../js/mootools.js"></script>
 <script type="text/javascript" src="../js/webstat.js"></script>

 <link type="text/css" rel="stylesheet" href="../css/webstat.css"/>

 <link rel="shortcut icon" href="http://www.compuvest.com/favicon.ico"/>
</head>
<body>

<%-- +login panel --%>
  <div id='toppanel'>

   <%-- +panel --%>
   <div id="panel">
    <div class="content clearfix">

      <%-- +Login Form --%>
      <div class="left">
       <label for="user">Account Name:</label>
       <input class="field" type="text" name="user" id="user" maxlength="15" size="23"/>
      </div>
      <div class="left">
       <label for="passwd">Password:</label>
       <input class="field" type="password" id="passwd" maxlength="15" size="23"/>
      </div>
      <div class="left">
        <label for="remember"><input id="remember" type="checkbox" checked="checked"/> &nbsp;Remember me</label>
        <div class="clear"></div>
        <input type="submit" id="login" value="" class="bt_login"/>
      </div>
      <%-- -Login Form --%>

      <%-- +Login Panel Close --%>
      <div class="loginClose"><a id="closePanel" href="javascript:;" title="Close">&nbsp;</a></div>
      <%-- -Login Panel Close --%>
    </div>

   </div>
   <%-- -panel --%>

   <%-- +The tab on top --%>
   <div class="logtab">
     <ul class="login">
      <li class="left">&nbsp;</li>
      <li id="suser">Hello Guest!</li>
      <li class="sep">|</li>
      <li><a id="logtoggle" href="javascript:;">Login</a></li>
      <li class="right">&nbsp;</li>
     </ul>
   </div>
   <%-- -The tab on top --%>

  </div>
<%-- -login panel --%>

<div style="width:95%;min-width:1024px;padding:35px 5px 0 5px;">
 <div id="cvTabs">
  <ul></ul> <%-- for tabs--%>

  <div>
   <div class="panel" id="FP">
<%@include file="./tabs/firstpage.jsp" %>
   </div>
   <div class="panel" id="WS">
<%@include file="./tabs/webstat.jsp" %>
   </div>
   <div class="panel" id="CS">
<%@include file="./tabs/common.jsp" %>
   </div>
   <div class="panel" id="RD">
<%@include file="./tabs/common.jsp" %>
   </div>
   <div class="panel" id="RS">
<%@include file="./tabs/common.jsp" %>
   </div>
   <div class="panel" id="GG">
<%@include file="./tabs/common.jsp" %>
   </div>
   <div class="panel" id="EP">
<%@include file="./tabs/epy.jsp" %>
   </div>
   <div class="panel" id="CP">
<%@include file="./tabs/common.jsp" %>
   </div>
   <div class="panel" id="IT">
<%@include file="./tabs/common.jsp" %>
   </div>
   <div class="panel" id="GF">
<%@include file="./tabs/googlefeed.jsp" %>
   </div>
   <div class="panel" id="UP">
<%@include file="./tabs/common.jsp" %>
   </div>
   <div class="panel" id="IG">
<%@include file="./tabs/common.jsp" %>
   </div>
  </div>

 </div>

</div>
<script type="text/javascript">
window.addEvent('domready', function() {
//    window.sessionStorage.setItem('sname', 'vasils');
//    window.localStorage.setItem('lname', 'vasill');

//    alert('indexdb=' + window.openDatabase + '\nsessionStorage='+window.sessionStorage+'\nlocalStorage='+window.localStorage+'\ns='+window.sessionStorage.getItem('sname')+
//    '\nl='+window.localStorage.getItem('lname'));

    var tbs = new CVTabs({tabsid: 'cvTabs', reload: true});

    new Login({
        tagid: 'panel',
        'onLogin': function(resp) {
            tbs.removeTab();

            tbs.addTabs(resp);
        },
        'onLogout': function() {}
    });

});
</script>

</body>
</html>

<%--
  <ul>
   <li><a class="tab" href='FP'><span>Main</span></a></li>
   <li><a class="tab" href='WS'><span>Web Stat</span></a></li>
   <li><a class="tab" href='CS'><span>Customers</span></a></li>
   <li><a class="tab" href='RD'><span>Orders</span></a></li>
   <li><a class="tab" href='RS'><span>Resellers</span></a></li>
   <li><a class="tab" href='GG'><span>Google</span></a></li>
   <li><a class="tab" href='EP'><span>Epy</span></a></li>
   <li><a class="tab" href='CP'><span>Coupon</span></a></li>
   <li><a class="tab" href='IT'><span>ItemsTracking</span></a></li>
   <li><a class="tab" href='GF'><span>GoogleFeed</span></a></li>
  </ul>
--%>